// pages/input-dynamics/index.ts
Page({
    /**
     * 页面的初始数据
     */
    data: {
        capsuleTop: 0, // 胶囊距离顶部的距离
        capsuleHeight: 0, // 胶囊的高度
        isScroll: false, // 滚动动画
        triggered: false, // 自定义下拉刷新的触发器
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad() {
      const { top, height } = wx.getMenuButtonBoundingClientRect(); // 获取胶囊信息
      this.setData({
        capsuleTop: top,
        capsuleHeight: height
      })
    },
    // scroll-view 滚动
    mainScroll (e: any) {
        //头部搜索框 动画相关
        let scrollTop = e.detail.scrollTop;
        if (scrollTop > 20 && !this.data.isScroll) {
            this.setData({
                isScroll: true
            })
        } else if (scrollTop <= 20 && this.data.isScroll) {
            this.setData({
                isScroll: false
            })
        }
    },
    // 下拉刷新
    customRefresh () {
        this.setData({
            triggered: true
        })
        setTimeout(() => {
            this.setData({
                triggered: false
            })
        }, 1500)
    }
})